<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8" />
    <title>03-webworker</title>
</head>

<body>
    <button id="btn">点我计算</button>
    <input type="text">
    <script>
        /*
            webworker:浏览器的一个分线程
                常用来帮我处理业务逻辑比较复杂的流程
                注意：分线程不会影响主线程代码运行
            斐波那契数列：
                1，2，3，5，8，13，21，34，55......
                fn(1)  return 1
                fn(2)  return 2
                fn(3)  return fn(1) + fn(2)
                fn(4)  retrun fn(3) + fn(2)
                fn(n)  return fn(n-1) + fn(n-2)
        */

        // 50

        // 创建worker分线程
        let worker = new Worker('./04-worker.js')
        btn.onclick = function () {

            worker.postMessage('开始工作')
        }
        // 主线程接收分线程计算的结果
        worker.onmessage = function ({ data }) {
            console.log('接收分线程计算后的结果')
            console.log(data)
        }
    </script>
</body>

</html>